.robot-container {
  width: 54px;
  height: 49px;
  position: relative;
  cursor: pointer;
  background-image: url('/images/robot.gif'); /* 替换成你的机器人图片 */
  background-size: cover;
  animation: float 3s ease-in-out infinite;
  background-position: center;
}
.robot-popper {
  border-radius: 6px !important;
  padding: 0 !important;
  background-image: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 100%
  ) !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  .el-popper__arrow {
    background: #eeeef6 !important;
    &::before {
      background: #eeeef6 !important;
      border: 1px solid rgba(255, 255, 255, 1) !important;
    }
  }
}
.dark {
  .robot-popper {
    background-image: linear-gradient(
      0deg,
      rgba(24, 30, 37, 0) 0%,
      rgba(24, 30, 37, 0.8) 100%
    ) !important;
    border: 1px solid var(--el-popover-border-color) !important;
    .el-popper__arrow {
      background: #080a23 !important;
      &::before {
        background: #080a23 !important;
        border-color: var(--el-popover-border-color) !important;
      }
    }
  }
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.list-enter-active,
.list-leave-active {
  transition: all 0.5s ease;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateX(30px);
}
